<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>支付页面</title>
    <h1 style="font-size: 70px;color: white;position: fixed;top: 20px;left: 500px">请选择你的支付方式</h1>
    <style>
        body {
        background-image: url("背景03.jpeg"); /* 设置背景图片 */
        /*把背景图片放大到适合元素容器的尺寸，图片比例不变*/
        /* 背景图片全屏 */
        background-repeat:no-repeat;
        background-attachment: fixed;
        /*background-size:cover;*/
        background-size: 100% 100%;
    }
        .wxPay {
            background-image: url("微信.jpg"); /* 设置背景图片 */
            position:fixed; top: 205px;left: 200px;
            opacity:0.9;
            float: left;/*居于页面右边*/
            width:500px;/*宽度*/
            height: 500px;/*高度*/
            border-radius: 10%; /*盒子边框圆角设置*/
            background-color: whitesmoke ;
            /*background-color: rgba(255, 255, 255, 0.8); !* 设置表单的背景颜色和透明度 *!*/
            background-size: cover; /* 调整背景图片大小以适应页面 */
        }

        .zhiFuBaoPay {
            background-image: url("支付宝.jpg"); /* 设置背景图片 */
            position:fixed; top: 205px;right: 200px;
            opacity:0.9;
            float: left;/*居于页面右边*/
            width:500px;/*宽度*/
            height: 500px;/*高度*/
            border-radius: 10%; /*盒子边框圆角设置*/
            background-color: whitesmoke ;
            /*background-color: rgba(255, 255, 255, 0.8); !* 设置表单的背景颜色和透明度 *!*/
            background-size: cover; /* 调整背景图片大小以适应页面 */
        }


    </style>
</head>
<body>
<div class="wxPay"></div>
<div class="zhiFuBaoPay"></div>
</body>
</html>